<template>
    <div>
        <h5>插槽</h5>
        <useSlot>
            <p slot="header">header插入插槽</p>
            <p slot="content" slot-scope="{data}">{{data}}</p>
            <p slot="footer">footer插入插槽</p>
        </useSlot>
    </div>
</template>

<script>
    import mixin from "../../utils/mixins";
    import useSlot from "./useSlot";
    export default {
        mixins:[mixin],
        components:{
            useSlot
        },
        created() {
            console.log("组件内部的created生命周期函数")
        }
    }
</script>

<style scoped>

</style>